/* Ruokapiiri
 *
 * Copyright (C) 2006-2012  Asko Soukka <asko.soukka@iki.fi>
 *
 * This file is part of Ruokapiiri.
 *
 * Ruokapiiri is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Ruokapiiri is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Ruokapiiri.  If not, see <http://www.gnu.org/licenses/>.
 */

/* @group Reset */
#ruokapiiri {
  select {
    font-size: 100%;
  }
  /*
  div, span, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }
  */
}
/* @end */

/* @group General */
#ruokapiiri {
  width: 100%;
  font-family: sans-serif;
  .watermark { color: #aaa; }
  p, ul, ol, dl, table {
    font-size: 62.5% * 1.2; /* 12 px */
    margin: 0.3em 0 0.9em 0;
    line-height: 1.5;
  }
  ul p, ol p, dl p, table p {
    font-size: 100%;
  }
  ul, ol {
    list-style: square;
  }
  a.ruokapiiri-popup {
    color: black;
    text-decoration: none;
    &:hover {
      color: black;
      text-decoration: none;
    }
  }
  table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;

    tr { background-color: transparent; }
    tr.ruokapiiri-even { background-color: #dbdbdb; }

    td {
      vertical-align: top;
      padding: 0.5ex 0.5em;
    }

    thead tr, tfoot tr { background-color: #ad7744; }
    thead th, tfoot td {
      padding: 0.5ex 0.5em;
      color: white;
    }

    a { text-decoration: none; color: black; cursor: help;}
    a:hover { text-decoration: underline; }
    td.ruokapiiri-edit a { cursor: pointer; }

    th.ruokapiiri-edit { text-align: center; }
    th.ruokapiiri-position { text-align: center; }
    th.ruokapiiri-description { text-align: left; }
    th.ruokapiiri-price {text-align: right; }
    th.ruokapiiri-quantity { text-align: right; }
    th.ruokapiiri-participate { text-align: center; }
    th.ruokapiiri-orderable { text-align: center; }
    th.ruokapiiri-delete { text-align: center; }
    td.ruokapiiri-position {
      text-align: center;
      input { width: 2em; text-align: center; }
    }
    td.ruokapiiri-edit { text-align: center; }
    td.ruokapiiri-date { white-space: nowrap; }
    td.ruokapiiri-customer {
      white-space: nowrap;
      max-width: 10em;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    td.ruokapiiri-notes { white-space: nowrap; }
    td.ruokapiiri-participate { text-align: center; font-weight: bold; }
    td.ruokapiiri-price {
        white-space: nowrap; text-align: right;
        input { width: 3em; text-align: right; }
    }
    td.ruokapiiri-quantity {
      white-space: nowrap; text-align: right;
      input { width: 2em; text-align: right; }
    }
    td.ruokapiiri-unit { white-space: nowrap; padding: 0.75ex 0.5em 0.5ex 0; }
    td.ruokapiiri-producer {
        white-space: nowrap;
        input { width: 6em; }
    }
    td.ruokapiiri-orderable { text-align: center; }
    td.ruokapiiri-delete { text-align: center; }
    td.ruokapiiri-category { font-weight: bold;  font-size: 1.2em; padding-left: 0.42em; padding-top: 1ex;}
    td.ruokapiiri-not-available { text-decoration: line-through; }
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin: 0 0 0.9em 2em;
  }
  pre {
    margin: 0.9em 0;
    font-family: monospace;
  }
  form {
    input, textarea {
      font-size: 100%;
    }
    & > input, & > textarea {
      font-size: 62.5% * 1.2; /* 12 px */
      margin-left: 0.5em;
    }
    & > p > input, & > p > input + textarea {
      margin-left: 0.5em;
    }
  }
}
/* @end */

/* @group JQuery */
#ruokapiiri {
  .ui-sortable-placeholder {
    display: block;
  }
  .ruokapiiri-drag {
    background: white;
    border: 2px solid #ad7744;
  }
}
.gecko #ruokapiiri .ui-sortable-placeholder {
  display: table-row;
}
/* @end */

/* @group Messages */
#ruokapiiri {
  .ruokapiiri-message,
  .ruokapiiri-success,
  .ruokapiiri-error {
    margin: 0.3em 0 0.9em 0;
    padding: 1ex 1em;
    border: none;
    color: white;
    font-weight: normal;
    em {
      color: white;
    }
  }
  .ruokapiiri-message {
    background: #a9a9a9; /* dark gray */
  }
  .ruokapiiri-error {
    background: #8b0000; /* dark red */
  }
  .ruokapiiri-success {
    background: #006400; /* dark green */
  }
}
@media print {
  #ruokapiiri {
    .ruokapiiri-message,
    .ruokapiiri-success,
    .ruokapiiri-error {
      display: none;
    }
  }
}
/* @end */

/* @group Login */
#ruokapiiri-login {
  margin: 0.3em 0 0.9em 0;
}
/* @end */

/* @group Logout */
#ruokapiiri-logout {
  display: inline;
  .ruokapiiri-submit {
    margin-top: -3.5em;
    float: right;
  }
}
/* @group Logout */

/* @group Catalog */
#ruokapiiri-catalog {
  .ruokapiiri-submit {
    display: block;
    margin-left: auto;
  }
  td.ruokapiiri-price { padding-right: 0; }
  td.ruokapiiri-description { padding: 0.5ex 0; }
  td.ruokapiiri-description input { width: 22em; }
  td.ruokapiiri-description textarea { width: 22em; height: 6em; }
}
/* @end */

/* @group Limits */
#ruokapiiri-limits {
  .ruokapiiri-submit {
    display: block;
    margin-left: auto;
  }
  th.ruokapiiri-producer { padding-left: 0; }
  th.ruokapiiri-description { padding-left: 0; }
  th.ruokapiiri-available,
  th.ruokapiiri-ordered { padding-left: 0; text-align: left; }
  td.ruokapiiri-producer { padding: 0.5ex 0.5em 0.5ex 0; width: 8em; overflow: hidden; }
  td.ruokapiiri-available {
    white-space: nowrap; text-align: right;
    input { width: 2em; text-align: right; }
  }
  td.ruokapiiri-ordered { padding-top: 0.75ex; text-align: right; }
  td.ruokapiiri-description { padding: 0.5ex 0; width: 22em; overflow: hidden; }
  #ruokapiiri-new-limit {
    select { width: 26em; overflow: hidden; }
  }
}
/* @end */

/* @group Ingredients */
#ruokapiiri {
  dl.ruokapiiri-ingredients dt em {
    font-weight: normal;
  }
}
/* @end */

/* @group Order */
#ruokapiiri-settings {
  textarea { width: 100%; height: 10em; }
}
#ruokapiiri-order {
  textarea { width: 40em; height: 8em; }

  th.ruokapiiri-quantity { text-align: right; }
  td.ruokapiiri-quantity { text-align: right; }
  td.ruokapiiri-quantity input { width: 2em; }

  tr.ruokapiiri-sum {
    background-color: transparent;
    td {
      font-weight: bold;
      color: black;
    }
  }
  .ruokapiiri-submit {
    display: block;
    margin-left: auto;
  }
  select { width: 44em; overflow: hidden; }
}
#ruokapiiri-orderform {
  tr.ruokapiiri-sum {
    background-color: transparent;
    td {
      font-weight: bold;
      color: black;
    }
    .ruokapiiri-submit {
      position: absolute;
    }
  }
  #ruokapiiri-customer {
    input { width: 20em; }
    textarea { width: 40em; height: 8em; }
    .ruokapiiri-checkbox { width: 1em; }
    .ruokapiiri-submit { width: 4em; }
  }
}
/* @end */

/* @group Reports */
#ruokapiiri-reports {
  text-align: right;
}
/* @end */

/* @group OrderBook */
#ruokapiiri-orderbook {
  tr.ruokapiiri-sum {
    td {
      font-weight: bold;
    }
  }
  .ruokapiiri-submit {
    display: block;
    margin-left: auto;
  }
}
/* @end */
